-
Notifications
You must be signed in to change notification settings - Fork 2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Slideshow: Replace Buttons With A Tags #31175
Conversation
…ble ESLint rule related to anchors without HREFs.
We did some testing and chatting with @aldavigdis and @sirreal around this (p1551653790248800-slack-jetpack-gutenberg):
Personally, I'd be inclined to go via |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tests well. 👍
button
would still be ideal but can't have it because of wpcom wp_kses
....
…All a11y label localization will be addressed as a later block of work.
* Replace Slideshow buttons with A tags. Hide inner text in links. Disable ESLint rule related to anchors without HREFs. * Remove text from PREV/NEXT/PAUSE buttons, to avoid block invalidation after language change. * Reposition bullets element below buttons (no visible change). * Remove localization of text for initial autoplay Pause button state. All a11y label localization will be addressed as a later block of work. * Removing unneeded CSS now that buttons have no inner content.
Cherry-picked to the release branch in d1f401c |
* Implement image filters for tiled gallery block * Jetpack Blocks: move a new set of blocks in production See https://github.com/Automattic/jetpack/milestone/119 * Jetpack Blocks: tag new version of the blocks for the 7.1 release * Contact Info: Fix/contact info fix sidebar (#31042) * Contact Info Block: Remove the Sidebar for google maps link * bug fix: use className instead of class * Additional keywords for the Slideshow block. (#31038) * Improvement to Autoplay delay label. (#31039) * Slideshow: Add New Uploads At End (#31046) * Add newly uploaded images to the end of the slideshow. Jump to the position of the new upload so user sees upload status. * Alternate approach using comparison of image array length in componentDidUpdate to determine position. * Contact Info: Add the ability to add the buisness hours block to the contact info (#31056) * Contact Info Block: Improve email validation (#31033) * Contact Info Block: Improve the email validation By using the emailValidator that is use in more places we can provide better matching and of email addresses. * bug fix. take into account any number of punctuation. * Business hours: show 'closed' when data is incomplete for a given interval (#31083) * Business hours If data is incomplete for a given interval, display 'Closed' or null; * adjusting logic - thanks @lezama * further improved time validation logic * Contact Info Block: Split phone numbers into prefix and phone number (#31026) * Split phone numbers into prefix and phone number This allows us to be not so strict with what a phone number is and still offer a way to prefix. things. * Fix typos and simplify selection of first character. * WordAds block: Update icon (#31106) * Business Hours: Update editor styles for consistency with UI elements * Business Hours Block: add search keywords (#31090) * Business Hours Block: add search keywords * updating terms after feedback from co-workers * Related Posts: update the message displayed when no related posts (#31126) Discussion: p8oabR-kb-p2 #comment-2590 * Tiled Gallery: Remove i18n strings in save (#31119) * Add deprecated declaration based on #30724 * Remove localized aria-label from save * Form block: fix typo (#31139) * Mailchimp: Placeholder Buttons (#31089) * Rework of button UI hierarchy in unconnected placeholder. * Change to Connection button styling. * Add isBorderless to Re-check button. * Revised button attributes for placeholder. * Further revisions to button styles. * Mailchimp: Form Element Spacing (#31142) * Standardized form element spacing in the editor. * Use rem for form element spacing. * Business hours block: use blockIcon in placeholder (#31143) * Fix: business hours validation (#31122) * When saving a business hours block, don't save any data that hinges on localization. * defaultLocalization should not be translated. * After a conversation with @sirreal - we've decided on this approach: drop the save component altogether, because we use server-side rendering for the block have a <DayEdit /> and <DayPreview /> component for client side rendering, which are only rendered once we've fetched localization * Default days should remain localized. * Tiled gallery block: camel case product name (#31184) * VideoPress: Disable re-usable block feature for video blocks (#31186) * Change contact info icon to account box (#31190) * Deselect image on filter change * Update filter icons via #30853 (comment) * Slideshow: Replace Buttons With A Tags (#31175) * Replace Slideshow buttons with A tags. Hide inner text in links. Disable ESLint rule related to anchors without HREFs. * Remove text from PREV/NEXT/PAUSE buttons, to avoid block invalidation after language change. * Reposition bullets element below buttons (no visible change). * Remove localization of text for initial autoplay Pause button state. All a11y label localization will be addressed as a later block of work. * Removing unneeded CSS now that buttons have no inner content. * Fix WordAds block alignment Remove content floating by removing conflicting align{left,right,center} classes. Gutenberg styling handles left/right alignment. Apply center alignment based on data-align attributes. * Jetpack Blocks: update blocks for the final 7.1 release. Co-authored-by: Jon Surrell <jon.surrell@automattic.com> Co-authored-by: Enej Bajgoric <enej.bajgoric@gmail.com> Co-authored-by: Jefferson Rabb <j.max.rabb@gmail.com> Co-authored-by: Rocco Tripaldi <tripaldir@gmail.com> Co-authored-by: Thomas Guillot <thomasguillot@users.noreply.github.com> Co-authored-by: Mikael Korpela <mikael@ihminen.org> Co-authored-by: Miguel Torres <miguelmariatorresrojas@gmail.com> Co-authored-by: Michael Turk <gititon@users.noreply.github.com>
Changes proposed in this Pull Request
This is one of two PRs that resolve the issue caused by WPCOM stripping out
<button/>
elements, which causes the Slideshow block to become invalid on save. In this one, the<button/>
elements are replaced by<a/>
s.The alternate approach is here: #31174
Testing instructions
wp-calypso
repowp-calypso
folder, generate new blocks code targeting your sandbox'sblocks-staging
directory. The SDK command should look like this:npm run sdk gutenberg client/gutenberg/extensions/presets/jetpack -- --output-dir={PATH-TO-SANDBOX}/wp-content/mu-plugins/jetpack/_inc/blocks-staging/
blocks-staging
directory to your sandbox.wp-calypso
, start local Calypso:npm start
.<a/>
elementsFixes #31029